<template>
	<j-page ref="page" title="设置">
    <u-gap height="30"></u-gap>
		<u-cell-group>
				<u-cell-item title="安全设置"></u-cell-item>
		</u-cell-group>
    <u-gap height="16"></u-gap>
    <u-cell-group>
      <u-cell-item title="服务协议"></u-cell-item>
      <u-cell-item title="建议反馈"></u-cell-item>
      <u-cell-item title="关于版本"></u-cell-item>
    </u-cell-group>
    <u-gap height="16"></u-gap>
    <u-cell-group>
      <u-cell-item title="更换账号"></u-cell-item>
      <u-cell-item title="退出登录" @click="logoutClick"></u-cell-item>
    </u-cell-group>
	</j-page>
</template>

<script>
import {mapActions} from "vuex"
	export default {
		data() {
			return {

			};
		},
    methods:{
		  ...mapActions(["logout"]),
      logoutClick(){
        this.logout()
            .then((res)=>{
          this.$Router.replaceAll({name:"login"})
        })
      }
    }

	}
</script>

<style lang="scss">

</style>
